@charset "utf-8";
/* CSS Document */
/*.pc_head{ position: fixed;top:0px;width:100%;z-index:99999; margin:0 auto;}*/

/**************首页************
.banner{width: 100%;position: relative;display: inline-block;background: url(../images/loading.gif) no-repeat center;}
.banner.margin{top: 106px;margin-bottom: 100px;z-index: 2;}
.banner img{width: 100%;display: block;}
.banner ul{width: 100%;position: absolute;left: 0;top: 0;}
.banner li{width: 100%;position: absolute;left: 0;top: 0;display: none}
.banner .btnbox{position: absolute;left: 50%;bottom: 29px}
.banner .btnbox span{display: block;width: 13px;height: 13px;background: url(../images/ico_03.png) no-repeat center;float: left;cursor: pointer;margin-left: 11px}
.banner .btnbox span.on{background: url(../images/ico_04.png) no-repeat center;}
.banner .i-ban-hei{margin-top: 35.4%;width: 100%;height: 0;}
.m-banner{display: none;width: 100%;position: relative;background: url(../images/loading.gif) no-repeat center;cursor: grab;}
.m-banner img{width: 100%;float: left}
.m-banner li{width: 100%;}
.m-banner .pagination{position: absolute;bottom: 5%;left: 50%;z-index: 2;}
.m-banner .pagination span{display: block;width: 6px;height: 6px;margin-left: 4px;background: url(../images/ico_03.png) no-repeat center;background-size: auto 100%;float: left;margin-right: 0;}
.m-banner .pagination span.swiper-pagination-bullet-active{background: url(../images/ico_04.png) no-repeat center;background-size: auto 100%;}
**/
/****首页通用*****/
.index_box1,.index_box2{position:relative;z-index: 1;}
.index_box1{color:#1e1e1e;padding:45px 0 30px;text-align:center;}
.index_box1 .p1{font-size:26px;margin-bottom:10px; font-weight:600;}
.index_box1 .p2{font-size:16px; width:60%; margin:0 auto;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index_box1{color:#1e1e1e;padding:20px 0 0px;text-align:center;}
.index_box1 .p1{font-size:18px;margin-bottom:10px; font-weight:600;}
.index_box1 .p2{font-size:14px;width:96%;}
}
/******index2*******/
.index_box2{ height: auto; margin-bottom:50px;}
.index_box2 .lt_box { float:left; margin-right:0.8%; width:33%; }
.index_box2 .lt_box .con_wrap { background-image:url(../images/index01.jpg); background-position:center bottom; background-repeat:no-repeat; }
.index_box2 .lt_box ._con { padding:20% 12% 0 13.4%; }
.index_box2 .lt_box ._con ._tt { margin-bottom:24px; font-size:31px; line-height:1; color:#ffffff; }
.index_box2 .lt_box ._con ._desc { margin-bottom:15.3%; font-size:14px; line-height:1.9; color:#FDDFE0; }
.index_box2 .rt_box {width:100%; }
.index_box2 .rt_box ._slide_con { padding-bottom:42%; height:0; overflow:hidden; }
.index_box2 .rt_float_cell { float:left; margin-right:1%; margin-bottom:1%; width:32.328%; }
.index_box2 .rt_float_cell ._con { position:relative; padding:47% 9% 0 9%; color:#fff; font-weight:600; }
.index_box2 .rt_float_cell ._tt { margin-bottom:2px; font-size:20px; }
.index_box2 .rt_float_cell ._desc { font-size:14px; color:#e2e9f2; }
.index_box2 .rt_float_cell.hover ._con ._tt,.index_box2 .rt_float_cell.hover ._con ._desc { display:none; }
.index_box2 .rt_float_cell ._msk { position:absolute; left:0; top:100%; width:100%; bottom:0; background:rgba(0,62,149,.90);background-color: #004097;filter:alpha(opacity=60);  opacity:0.6; }
.index_box2 .rt_float_cell:hover ._msk { position:absolute; left:0; top:0; }
.index_box2 .rt_float_cell ._msk_con { padding:11.6% 9% 0 9%; }
.index_box2 .rt_float_cell ._msk ._tt { color:#fff; }
.index_box2 .rt_float_cell ._msk ._desc { margin-bottom:16px; color:#FDDFE0; }
.index_box2 .rt_float_cell ._msk ._com_list { color:#fff; }
.index_box2 .rt_float_cell ._msk ._com_list > a { display:block; }
.index_box2 .rt_float_cell ._con{position:absolute;top:0;}

.index_box2 .box_l .pd{display:block; height:0; padding-bottom:60%; position:relative;}
.index_box2 .box_l .mask{background:url(../images/red_90.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
.index_box2 .pd>img{position:absolute; left:0; top:0; width:100%; height:100%;}
.index_box2 .box_r .pd{display:block; height:0; padding-bottom:60.5%; position:relative;}
.index_box2 .text{position:relative; z-index:1;}
.index_box2 .box_l .text .icon{width:80px; height:60px; background:url(../images/i_pro.png) no-repeat; background-position:center center; margin:0 auto 20px;}
.index_box2 .text .name{font-size:24px; color:#fff;}
.index_box2 .box_l .text {text-align:center; margin-top:60px;}
.index_box2 .box_r .text{padding:80px 45px 0 70px; color:#fff;}
.index_box2 .box_r .text .d{font-size:14px; line-height:25px;}
@media screen and (max-width: 1024px){
.index_box2{ margin-bottom:20px;}
.index_box2 .rt_float_cell ._msk_con { padding:5% 4% 0; }
.index_box2 .rt_float_cell ._msk ._desc { display:none; }
.index_box2 .rt_float_cell ._msk ._com_list > a { white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index_box2 .lt_box ._con{padding:12% 8% 0 8%;}
.index_box2 .lt_box{float:none;height: auto;margin-right: 0;width:100%;}
.index_box2 .lt_box .con_wrap{background-image: none;background-color:#BD121A;}
.rect-11980{padding-bottom: 0;height: auto;}
.index_box2 .rt_box{width:100%;float:none;margin-top: 20px;}
.index_box2 .rt_box ._slide_con{padding-bottom: 0;height: auto;}
.index_box2 .rt_float_cell{width:49%;float:left;}
.index_box2 .lt_box ._con{padding: 10%;}
}
@media screen and (max-width: 768px){
.index_box2{ margin-bottom:10px; height:100%;}
.index_box2 .uni_more_btn{display:none;}
.index_box2 .lt_box ._con{padding:5%;}
.index_box2 .lt_box ._con ._desc{margin-bottom:0;}
.index_box2 .lt_box ._con ._tt{font-size:17px;margin-bottom:12px;}
.index_box2 .rt_box .rect-60 ._full{height:auto;}
.index_box2 .rt_float_cell ._con{padding-top:51%; padding-bottom:2%; padding-left:4%; padding-right:4%;}
.index_box2 .rt_float_cell ._tt{line-height:1.2em;margin-bottom:0;}
.index_box2 .rt_box ._slide_con{height: auto;}
.index_box2 .rt_float_cell{width:100%;float:none;}
.index_box2 .text .name{font-size:16px; color:#fff;}
}

/******index3*******/
.index3{ background:url(../images/index_bg1.jpg) no-repeat;padding:70px 0; margin-top:30px; margin-bottom:15px;background-attachment: fixed;background-size: cover;}
.index3 .p1{font-size:26px;margin-bottom:10px; font-weight:600; color:#FFF; text-align:center;}
.index3 .p2{font-size:16px; width:60%; margin:0 auto;color:#FFF;text-align:center;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index3{color:#1e1e1e;padding:30px 0 0px;text-align:center;}
.index3 .p1{font-size:18px;margin-bottom:10px; font-weight:600;}
.index3 .p2{font-size:14px;width:96%;}
}
.box1_owner{ margin-top:40px; margin-bottom:10px;}
.box1_owner li{ text-align: center; color:#fff;}
.box1_owner li .t{font-size:20px;margin: 10px 0 5px;}
.box1_owner li .p{font-size:14px;padding: 0 5%;}
.ico110{width:110px;height:100px; background:url(../images/ico110.png) no-repeat; display:inline-block;vertical-align:middle;}
.box1_owner li:hover .ico110 { transform:rotateY(180deg); }
.ico110_2{background-position: -110px 0;}
.ico110_3{background-position: -220px 0;}
.ico110_4{background-position: -330px 0;}
.ico110,.transition { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.box1_owner li .p{ display:none;}
.box1_owner li .t{font-size:16px;margin: 10px 0 5px;}
.box1_owner{ margin-top:10px; padding-bottom:30px;}

}
/******index4*******/
.index4{ margin-bottom:78px;}
.index4 .infor{padding:57px 0 43px;text-align: center;width: 868px;margin: 0 auto;}
.index4 .infor .tit{font-size: 34px;color: #000;margin-bottom: 3px;font-weight: normal;}
.index4 .infor .con{font-size: 14px;color: #808080;line-height: 22px;margin-bottom: 2px;}
.index4 .content .left {width: 41.333%;float: left;}
.index4 .content .right{width: 58.667%;float: left;}
.index4 .rect-9838{padding-bottom: 98.40%}
.index4 .rect-6931{padding-bottom: 69.31%}
.index4 .rect-347{padding-bottom: 34.6%}
.index4 .icover{position: absolute;left: 36px;bottom: 30px;}
.index4 .icover .t{font-size: 33px;color: #fff;}
.index4 .icover .c{font-size: 14px;color: #fff;}
.index4 .i_ico{width: 68px;height: 68px;background: url(../images/index08.png) no-repeat center;position: absolute;left:50%;margin-top: -34px;top:50%;margin-left:-34px;cursor: pointer;}
.index4 .r_top .r_top_l{width: 50%;float: left;}
.index4 .r_top .r_top_r{width: 50%;float: left;}
.index4 .r_top .add_infor{position: absolute;left: 46px;bottom: 30px;padding-right: 45px;z-index: 1;opacity: 1;}
.index4 .r_top .add_infor .t{font-size: 26px;color: #fff;margin-bottom: 4px;}
.index4 .r_top .add_infor .c{font-size: 14px;color: #fff;}
.index4 .r_top .add_cover{position: absolute;width: 100%;height: 100%;left: 0;top: 100%;background: rgba(0, 62, 149, 0.89);z-index: 2;}
.index4 .r_top .add_cover .con{font-size: 26px;color: #fff;text-align: center;}
.index4 .r_top .r_top_l:hover .add_infor{opacity: 0;}
.index4 .r_top .r_top_l:hover .add_cover{top: 0;}
.index4 .r_top .r_top_r:hover .add_infor{opacity: 0;}
.index4 .r_top .r_top_r:hover .add_cover{top: 0;}
.index4 .r_bottom .box{padding: 22px 79px 53px 69px;position: relative;}
.index4 .r_bottom .txt{font-size: 16px;color: #666;text-align: left;margin-top: 46px;}
.index4 .r_top .add_cover .icon {display: inline-block;margin-top: 80px;margin-left: 135px;transition: all 0.3s ease;}
.index4 .r_top .add_cover .icon{background: url(../images/i_01.png) no-repeat center;}
.index4 .r_top .r_top_l .add_cover .icon{background-position: 0 0;width: 77px;height: 57px;}
.index4 .r_top .r_top_r .add_cover .icon{background-position: -74px 0;width: 70px ;height:57px ;}
.index4 .r_top .r_top_r .add_cover .icon:hover {transform: rotateY(180deg);transition: all 0.3s ease;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index4{ margin-top:10px; margin-bottom:35px}
.index4 .content .left {width: 100%;float: none;}
.index4 .content .right{width: 100%;float: none;}
.index4 .rect-9838{padding-bottom:80.38%}
.index4 .r_bottom { display:none;}
.index4 .rect-6931{padding-bottom: 79.31%}
.index4 .icover{position: absolute;left:16px;bottom: 30px;}
.index4 .icover .t{font-size:24px;color: #fff;}
.index4 .r_top .add_infor{position: absolute;left:15px;bottom: 15px;padding-right: 15px;z-index: 1;opacity: 1;}
.index4 .r_top .add_infor .t{font-size: 18px;color: #fff;margin-bottom: 4px;}
.index4 .r_top .add_infor .c{ line-height:22px;}
}
@media screen and (max-width: 425px) and (min-width:0px) {/* 移动端的尺寸 */	
.index4 .r_top .add_infor{bottom: 10px;}
.index4 .r_top .add_infor .t{font-size: 16px;color: #fff;margin-bottom: 0px;}
.index4 .r_top .add_infor .c{ line-height:18px;}
.index4 .icover{position: absolute;left:16px;bottom: 15px;}
}
/******index5*******/
.index5{background: #f5f5f7;padding-bottom: 70px; }
.index5 .title{color:#1e1e1e;padding:30px 0 30px;text-align:center;}
.index5 .title .p1{font-size:26px;margin-bottom:10px; font-weight:600;}
.index5 .title .p2{font-size:16px; width:65%; margin:0 auto;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index5 .title{color:#1e1e1e;padding:20px 0 20px;text-align:center;}
.index5 .title .p1{font-size:18px;margin-bottom:10px; font-weight:600;}
.index5 .title .p2{font-size:14px;width:96%;}
}
.index5 li{ margin-left: -1px; margin-top: -1px; width:20%; float:left;}
.index5 li a{ opacity:0; display: block; position: relative; height: 0; padding-bottom: 34.5%;border: 1px solid #ddd;  border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; perspective:600px; transition:all ease .3s; }
.index5 li a.show{ opacity:1; }
.index5 li img{ opacity:0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform:rotateY(90deg) translateZ(-115px); transform-style:preserve-3d; transition:all ease .5s; }
.index5 li img.show{ transform:rotateY(0deg) translateZ(-7px); opacity:1}
/*
.index5 .infor{padding:57px 0 43px;text-align: center;width: 868px;margin: 0 auto;}
.index5 .infor .tit{font-size: 34px;color: #000;margin-bottom: 3px;font-weight: normal;}
.index5 .infor .con{font-size: 14px;color: #808080;line-height: 22px;margin-bottom: 2px;}
.index5 .content li{background: #fff;}
.index5 .rect-6156{padding-bottom:61.56%;}
.index5 .content .li_top{position: relative;}
.index5 .content .li_top:after{content:'';width: 28px;height: 13px;background: url(../images/index15.png) no-repeat center;position: absolute;bottom: -13px;left: 49px;z-index: 1;transition: all 0.3s ease;}
.index5 .content .li_top .box{padding: 33px 41px 39px 29px;}
.index5 .content .li_top .box .tit{font-size: 18px;color: #000;height:50px; padding:8px 0;overflow: hidden;}
.index5 .content .li_top .box .date{font-size: 14px;color: #b2b2b2;margin-bottom: 10px;}
.index5 .content .li_top .box .con{font-size: 14px;color: #333;height:50px;overflow: hidden;}
.index5 .content li:hover .li_top .box .tit{color: #3caaff;}
.index5 .content .li3{background: none}
.index5 .content .li3 li{margin-bottom: 25px;background: #fff;}
.index5 .content .li3 li:last-child{margin-bottom: 0;}
.index5 .content .li3 a{display: block;}
.index5 .content .li3 a .a_box{padding: 17px 20px 17.5px 24px;}
.index5 .content .li3 .tit{font-size: 18px;color: #000;}
.index5 .content .li3 .time{font-size:14px;color:#b2b2b2;margin-bottom:3px;}
.index5 .content .li3 .con{font-size: 14px;color: #333;height: 44px;overflow: hidden;}
.index5 .content .li3 li:hover .tit{color: #D90000;}
.index5 .content li:hover {background:#D90000;}
.index5 .content .li3:hover{background: inherit;}
.index5 .content li:hover .li_top .box .cat{color: #fff;}
.index5 .content li:hover .li_top .box .tit{color: #fff;}
.index5 .content li:hover .li_top .box .date{color: #fff;}
.index5 .content li:hover .li_top .box .con{color: #fff;}
.index5 .content .li3 li:hover .tit{color: #fff;}
.index5 .content .li3 li:hover .time{color: #fff;}
.index5 .content .li3 li:hover .con{color: #fff;}
.index5 .content li:hover .li_top:after{background: url(../images/index15_1.png) no-repeat center;transition: all 0.3s ease;}
@media screen and (max-width: 1280px) and (min-width:1025px) {
.index5 .rect-6156{padding-bottom:73.56%;}
.index5 .content .li3 li{margin-bottom: 12px;background: #fff;}
}
*/
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */	
.index5{ padding-top:10px;padding-bottom:40px;}
.index5 .mb30{margin-bottom:10px;}
/*
.index5 .content .li1{ margin-bottom:10px;} 
.index5 .content .li_top .box .tit{font-size: 16px;color: #000;height:50px; padding:4px 0;overflow: hidden;}
*/
}
@media screen and (max-width: 768px) {/* 移动端的尺寸 */	
.index5 li{ margin-left: -1px; margin-top: -1px; width:33%; float:left;}
}
@media screen and (max-width:425px) {/* 移动端的尺寸 */	
.index5 li{ margin-left: -1px; margin-top: -1px; width:50%; float:left;}
}